/* 
    Document   : popup
    Created on : Jun 4, 2012, 2:40:15 PM
    Author     : ems
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
div, label, span, option{
    font-family: Arial, Helvetica, sans-serif;;
}
.popup1{
    float:left;
}
.popup{
    float:left;
}
.popup-header{
    float:left;
    height:40px;
    width:100%;

    background: url("../images/bg_button1.gif") repeat-x scroll 0 0 transparent;
    text-transform: uppercase;
    font-weight: bold;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;


}

.popup-header .title{
    margin-top:10px;
    color: white;
    margin-left:10px;
    float:left;
    font-size: 13px;
}
.popup-content{
    float:left;
    width:100%;
    height:auto ;

}
.popup-content .main_content{
    float:left;
    margin-bottom: 5px;

}
.popup-footer{
    float:left;
    height:50px;
    width:100%;
    color: white;
    background: none repeat scroll 0 0 #E6E9EB;
    /*
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;*/

}
.popup-footer .button{
    float:right;

    color:white;
    background: url("../images/button_left.gif") repeat-x scroll 0 0 transparent;
    text-transform: uppercase;
    cursor:pointer;
    font-weight: bold;
    margin-right:20px;
    margin-top:15px;

}
/*Tung thêm*/
.popup-footer .buttonsave{
    background: url("../images/button_left.gif") repeat-x scroll 0 0 transparent;
    border: 0 none;
    color: white;
    cursor: pointer;
    float: right;
    font-size: 15px;
    font-weight: bold;
    height: 28px;
    margin-right: 20px;
    margin-top: 9px;
    text-transform: uppercase;
    width: 75px;
    -moz-border-radius:0px !important;
    -webkit-border-radius:0px !important;

}
.popup-footer .buttonsave span{
    float: right;
    margin-right: 14px;
    margin-top: 6px;
    position: relative;

}
/* End Tung thêm*/
.popup-footer .button span {
    border: 0 none;
    color: white;
    cursor: pointer;
    float: right;
    font-size: 15px;
    font-weight: bold;
    height: 27px;
    margin-right: -10px;
    margin-top: 7px;
    text-transform: uppercase;
    width: 75px
}

/* Man hinh day */

.customPicklist {
    width: 1100px;
    padding-left: 50px;
    padding-top: 10px;
}

.sourceItemHeader {
    background-color: #CCCCCC;
    border-bottom: 1px solid #e6e6e6;
    height:25px;
    text-align:center;
    font-weight: bold;
}
.alert{
    color: red;
    float: left;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-left: 200px;
    margin-top: 19px;
    max-height: 30px;
    overflow: hidden;
    text-align: center;
    width: 200px;
}
.destinationItemHeader {
    background-color: #CCCCCC;
    border-bottom: 1px solid #e6e6e6;
    width:545px;
    height:25px;

}

.destinationItem {
    border-bottom: 1px solid #CCCCCC;
    width:100%;
    height:25px;
    text-align: left;
}

.desNameItemHeader {
    float:left;
    width:49%;
    height:100%;
    padding-top:1px;
    font-weight: bold;
}

.desDayItemHeader {
    float:right;
    width:120px;
    height:100%;
    padding-left:2px;
    padding-right:2px;
    padding-top:1px;
    border-right: 1px solid #e6e6e6;
}
.desCostItemHeader {
    float:right;
    width:120px;
    height:100%;
    padding-left:2px;
    padding-right:2px;
    padding-top:1px;
}
.desEmpItemHeader{
    width: 50% !important;
}

.desNameItem {
    float:left;
    width:99%;
    height:100%;
    padding-top:1px;
    padding-left: 5px;
    border-right: none;
}

.desDayItem {
    float:right;
    width:50%;
    height:100%;
    padding-top:1px;
    border-right: 1px solid #CCCCCC;
}
.desCostItem {
    float:right;
    width:120px;
    height:100%;
    padding-left:2px;
    padding-right:2px;
    padding-top:1px
}

.objSelect {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    background-color: #e6e6e6;
}

.sourceItem {
    min-height:20px;
    padding-left:5px;
    padding-right:2px;
    padding-top:3px;
    border-bottom: 1px solid #CCCCCC;
    text-align: left;
}

.sourcePanel {
    border:1px solid gray;
    width: 250px;
    height: 310px;
    overflow: auto;
    background-color: #FFFFFF;
    float: left;
}

.destinationPanel {
    border:1px solid gray;
    width: 550px;
    min-width: 550px;
    height: 310px;
    overflow: auto;
    background-color: #FFFFFF;
    float: right;
}

.inforPanel {
    border:1px solid gray;
    width: 450px;
    height: 310px;
    overflow: auto;
    background-color: #FFFFFF;
    float: right;
}

.buttonPicklist{
    float:left;
    border:1px solid #cccccc;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:2px 2px;
    cursor:pointer;
    font-size:10px;
    background-image:-moz-linear-gradient(100% 100% 90deg,#E8E8E8, #FFFFFF);
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#E8E8E8));
    min-width: 85px;
    text-align: center;
}
.buttonup{

    float:right;
    cursor:pointer;
    background:url("../resources/images/moveup.gif") no-repeat scroll -5px -5px transparent;
    width: 16px;
    height:19px;
    margin-right: 3px;
    text-align: center;
}
.buttondown{
    float:right;

    cursor:pointer;

    background:url("../resources/images/movedown.gif") no-repeat scroll -5px -5px transparent ;
    width: 16px;
    height:19px;
    margin-right: 3px;
    text-align: center;
}
.buttonDiv {
    float: left;
    margin-left: 25px;
    margin-right: 25px;
    padding-top: 80px;
    vertical-align: middle;
    height: 110px;
    min-height: 110px;
}
/* */
span.error-message{
    color: red !important;
    display: block!important;
    float: left!important;
    padding:0px!important;
    margin:0px!important;
    width: 20px!important;
    color:red!important;
    font-weight:bold!important;
    font-size:18px !important;
    text-align: left !important;
}

/* style 4 push screen */

.sourcePanel {
    background-color:#FFFFFF;
    border:1px solid gray;
    float:left;
    height:290px;
    overflow:auto;
    overflow-x:hidden;
    width:70%;
}

.destinationPanel {
    background-color: #FFFFFF;
    border: 1px solid gray;
    height: 290px;
    min-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100% !important;
}
.buttonDiv {
    float: left;
    height: 50px !important;
    margin-left: -84px !important;
    margin-right: 19px !important;
    padding-top: 80px;
    vertical-align: middle;
}
.buttonPicklist{
    width:75px;
}
.destinationItemHeader {
    background-color:#CCCCCC;
    border-bottom:1px solid #E6E6E6;
    height:25px;
    width:100%;
}
.desNameItemHeader {
    float:left;
    font-weight:bold;
    height:100%;
    padding-top:1px;
    width:100%;
}
.maintenanceTypeDiv select {
    -moz-border-radius:5px 5px 5px 5px;
    background:-moz-linear-gradient(19% 100% 90deg, #FFFFFF, #D9D9D9, #FFFFFF 79%) repeat scroll 0 0 transparent;
    border:1px solid #7D7D7D;
    color:#9C9DAB;
    float:left;
    font-size:11px;
    margin:0 5px;
    padding:2px 2px 2px 6px;
    width:169px;
}
#sourceDiv .group, #destinationDiv .group {
    background:url(../images/plus-icon.png) no-repeat 0px 50%;
    min-height:20px;
    padding-left:15px;
    padding-right:2px;
    padding-top:3px;
    border-bottom: 1px solid #CCCCCC;
    text-align: left;
    cursor:pointer;
}
.child .sourceItem, .child .destinationItem{
    background:url(../images/masterdata_lists_up.jpg) no-repeat 15px 40%;
    padding-left: 25px;
}
/* style 4 push screen */

.rich-inslider-size{
    width:100% !important;
}
.rich-inslider td{border:none !important}
.rich-inslider-track {border: 1px solid #CCCCCC !important}
.rich-inslider-handler{height:16px; margin-top:-3px;background:#6C6C6C; cursor:pointer}
.rich-inslider-handler-selected{height:16px; margin-top:-3px;background:#6C6C6C; cursor:pointer}
.richfacesSkin table.mceLayout tr.mceLast td {
    border-bottom: 1px solid #C4C0B9;
    border-left :1px solid #C4C0B9;
    border-right: 1px solid #C4C0B9;
}